/** MoeKnowlege Note Manager Style.css ---- MoeFront 2015 */

/** 界面样式控制 */

body{
	margin:0px;
	font-family: Comic sans ms,  Microsoft Yahei ,sans-serif!important;
	background-color: #fff;
}
h1,h2,h3,h4{
	margin:0;
}
blockquote{
	border-left:4px solid #FF0099;
	padding-left:8px;
	margin:0;
}
#header{
	background:#00bbd1;
	min-height: 245px;
}
#navbar{
	width:86%;
	padding-top:2%;
	margin:0 auto;
}
#navbar > li{
	display: inline;
}
#navbar  a {
	color:#fff;
	text-decoration: none;
	padding:10px;
	font-size:24px;
}
#navbar  a:hover{
	color:#A18C15;
}
.nav-title{
	color:#A18C15!important;
	text-decoration: none;
	font-size: 36px!important;
	float:right;
}
.mf-banner{
	position: absolute;
	top:100px;
	width:100%;
	margin:0 auto;
}
.container{
	width:100%;
	margin:0 auto;
}
.panel{
	position: relative;
	background-color: #eee;
	padding:30px;
	width:82%;
	margin:0 auto;
}
.float-right{
	float: right;
	list-style: none;
	margin:0;
}
.float-right li{
	float: right;
	list-style: none;
	margin:0;
}
.panel-title{
	color:#888888;
	font-weight: normal;
}
.note-container{
	margin:10px;
	padding:0px;
	border:2px solid #eee;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	background-color: #fff;
}
.note-title{
	margin-bottom:20px;
	color:#428bca;
	margin:20px 10px;
	font-size:28px; 
	text-decoration: none;
}
.note-title:hover{
	color:#428bca;
}
.note-content{
	font-size:18px;
	margin:20px;
}
.note-tags{
	color:#fff;
	padding:15px;
}
.read-this{
	float: right;
	color:#eee;
	text-decoration: none;
	margin:0 10px;
}
.copyright{
	text-align: center;
	position: relative;
}
.copyright a{
	color:#888888;
	text-decoration: none;
}
.navi-sort{
	display: none;
}
.pagenavigator{
	text-align: center;
	list-style: none;
}
.pagenavigator li{
	display: inline;
	background-color: #fff;
	padding: 10px;
	border-right: 1px solid #eee;
}
.pagenavigator li a{
	color:#039be5;
	text-decoration: none;
	font-size:22px;
}
.input-area{
	width: 100%;
	margin-top:10px;
	font-size: 18px;
	border: 0px;
	background-color: #eee;
	border-bottom: 3px solid #888888;
	font-family: Comic sans ms,Microsoft Yahei;
	padding:6 10px;
}
.input-area:focus{
	border: 0px;
	border-bottom: 3px solid #00bbd1;
	outline:none;
}
.editor-textarea{
	width: 100%;
	height:300px;
	margin:10 0px;
	background-color: #eee;
	font-size: 18px;
	border:3px solid #888888;
	font-family: Comic sans ms,Microsoft Yahei;
}
.editor-panel-two{
	width:45%;
	margin:20px;
	display: inline-block;
}
.editor-submit{
	padding:10 20px;
	background-color:#00BEEE;
	font-size: 20px;
	font-weight: bold;
	color:#fff;
	border: 0px;
	border-radius: 10px;
}
/*
#bottom{
	min-height: 600px;
}
*/
/** ------------------------------------------------------- */
